<template>
    <view  style="padding: 30rpx;">
        <button @click="callSetStorage()">setStorage</button>
        <button @click="callGetStorage()">获取缓存</button>
        <button @click="callStoInfo()" type="primary">获取字段列表</button>
        <button @click="callRemove()" type="warn" plain="true">删除</button>
        <button @click="callClear()" type="warn">清空</button>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                
            }
        },
        methods: {
            callSetStorage(){
                console.log("callSetStorage--> userName chenxinyi");
                uni.setStorage({
                    key:"userName",
                    data:"chenxinyi",
                    success() {
                        console.log("存储userName 成功回调");
                    },
                    fail() {
                        console.log("存储userName 成功失败")
                    }
                })
            },
            callGetStorage(){
                uni.getStorage({
                    key:"Accout",
                    success:function(result){
                        console.log("获取本地缓存成功 result.data"+result.data);
                    },
                    fail:function(result) {
                        console.log("获取本地缓存失败:"+JSON.stringify(result));
                        console.log("获取本地缓存失:"+result.errMsg);
                    }
                })
            },
            callStoInfo(){
                console.log("callStoInfo-->");
                uni.getStorageInfo({
                    success:function(result){
                        console.log("callStoInfo-->"+JSON.stringify(result));
                        console.log("callStoInfo-->"+result.keys);
                        console.log("callStoInfo-->"+result.currentSize);
                        console.log("callStoInfo-->"+result.limitSize);
                    }
                })
            },
            callRemove(){
                uni.removeStorage({
                    key:"xingming",
                    success: () => {
                        console.log("removeStorage success>");
                    },
                    fail: () => {
                        console.log("removeStorage fail>");
                    }
                })
            },
            callClear(){
                console.log("callClear-->");
                uni.clearStorage({
                    success:function(result){
                        console.log("callClear-->"+JSON.stringify(result));
                    }
                })
            }
        }
    }
</script>

<style>
button{
    margin: 30rpx;
}
</style>